<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>Chrome插件</title>
  <link rel="stylesheet" href="layui/css/layui.css" media="all">
  <script src="jquery.js"></script>
  <script src="layui/layui.js"></script>
  <script type="text/javascript" src="popup.js"></script>
  <style type="text/css">
  	.nav a{
  		margin-bottom: 10px;
  	}
    .layui-elem-field legend{
      font-size: 15px;
    }
    .layui-elem-field {
      border-style: dashed;
    }
    #diyNavBox a {
      background: #393D49;
    }
    #diyNavBox i {
      cursor: pointer;
      display: none;
    }
  </style>
</head>
<body>
<div style="width: 775px;margin: 0 auto; padding: 10px;">

  <div id="box"></div>

  <fieldset class="layui-elem-field" id="diy-setting" style="padding:5px; display: none;">
    <legend>自定义设置</legend>
    <div class="diy_nav">
      <div class="layui-inline">
        <div class="layui-input-inline" style="width: 120px;">
          <input type="text" class="layui-input" style="height:30px;" name="title" id="title" autocomplete="off" placeholder="请输入标题">
        </div>
      </div>
      <div class="layui-inline">
        <div class="layui-input-inline" style="width: 300px;">
          <input type="url" class="layui-input" style="height:30px;" name="url" id="url" autocomplete="off" placeholder="请输入链接">
        </div>
      </div>
      <div class="layui-inline">
        <button class="layui-btn layui-btn-sm" id="save">
          <i class="layui-icon">&#xe64c;</i>
        </button>
      </div>
    </div>
  </fieldset>

  <fieldset class="layui-elem-field" style="padding:5px;">
		<legend>自定义地址</legend>
    <div class="layui-form" style="height:10px; position: relative; left: 112px; top: -35px; z-index: 9999;">
      <input type="checkbox" name="zzz" lay-skin="switch" lay-filter="diy-setting-switch" lay-text="显示设置|关闭设置">
    </div>
		<div class="nav" id="diyNavBox">

		</div>
	</fieldset>

<p style="font-size: 6px; text-align: right; color: #ccc;"><span id="version"></span>&nbsp;&nbsp; data from：<span id="dataFrom"></span></p>
</div>
<script type="text/javascript" src="navdata.json"></script>

</body>
</html>